(function ($) {

    $.fn.jqueryzoom = function (options) {

        var settings = {
            xzoom: 200,   //zoomed width default width
            yzoom: 200,   //zoomed div default width
            offset: 10,   //zoomed div default offset
            position: "right" //zoomed div default position,offset position is to the right of the image
        };

        if (options) {
            $.extend(settings, options);
        }

        var noalt = '';


        $(this).hover(function () {
            var imageLeft = $(this).get(0).offsetLeft;
            var imageRight = $(this).get(0).offsetRight;
            var imageTop = $(this).get(0).offsetTop;
            var imageWidth = $(this).get(0).offsetWidth;
            var imageHeight = $(this).get(0).offsetHeight;

            var bigimage = $(this).attr("alt");
            noalt = $(this).attr("alt");
            $(this).attr("alt", '');
            //asd
            if (noalt == '' || noalt == undefined) return false;
            if (noalt != undefined) {
                if ($("div.zoomdiv").get().length == 0) {

                    $(this).after("<div class='zoomdiv'><img class='bigimg' src='" + bigimage + "'/></div>");

                }
            }

            if (settings.position == "right") {
                leftpos = imageLeft + imageWidth + settings.offset;

            }
            else {
                leftpos = imageLeft - settings.xzoom - settings.offset;
            }

            $("div.zoomdiv").css({ top: imageTop, left: leftpos });

            $("div.zoomdiv").width(settings.xzoom);

            $("div.zoomdiv").height(settings.yzoom);

            $("div.zoomdiv").show();

            $(document.body).mousemove(function (e) {
                var bigwidth = $(".bigimg").get(0).offsetWidth;
                var bigheight = $(".bigimg").get(0).offsetHeight;
                var scaley = 'x';
                var scalex = 'y';
                if (isNaN(scalex) | isNaN(scaley)) {
                    var scalex = Math.round(bigwidth / imageWidth);
                    var scaley = Math.round(bigheight / imageHeight);
                }
                mouse = new MouseEvent(e);
                scrolly = mouse.y - imageTop - ($("div.zoomdiv").height() * 1 / scaley) / 2;
                $("div.zoomdiv").get(0).scrollTop = scrolly * scaley;
                scrollx = mouse.x - imageLeft - ($("div.zoomdiv").width() * 1 / scalex) / 2;
                $("div.zoomdiv").get(0).scrollLeft = (scrollx) * scalex;
            });
        }, function () {
            $(this).attr("alt", noalt);
            $("div.zoomdiv").hide();
            $(document.body).unbind("mousemove");
            $(".lenszoom").remove();
            $("div.zoomdiv").remove();
        });

    }

})(jQuery);

function MouseEvent(e) {
    this.x = e.x ? e.x : e.pageX// e.pageX
    this.y = e.y ? e.y : e.pageY// e.pageY
}